﻿/** Customize the demo canvas */
.qsf-demo-canvas {
     padding: 10px;
     max-width: 800px;
     border: 1px solid #679bc2;
     border-radius: 10px;
     color: #4986b4;
     background: #d4effa;
}
 
 
.qsf-demo-canvas h2 {
     padding: 0 30px 10px;
     border-bottom: 1px solid #a9cedf;
     color: #4986b4;
     font-size: 36px;
     float: left;
}
 
 
.qsf-demo-canvas .uploaded-files {
     padding: 10px;
     width: 240px;
     height: 100%;
     border-radius: 10px;
     background: #e7f9ff;
     font-size: 12px;
     float: right;
     position: relative;
}
.qsf-demo-canvas .uploaded-files ul {
     margin: 10px 0 0;
     padding: 0;
     list-style: none;
}
.qsf-demo-canvas .uploaded-files li {
     margin: 10px 0 0;
}
 
 
.qsf-demo-canvas .uploaded-files dl {
     zoom: 1;
}
.qsf-demo-canvas .uploaded-files dl:after {
     content: "";
     clear: both;
     display: block;
}
.qsf-demo-canvas .uploaded-files dt {
     margin: 2px 0 0 0;
     width: 70px;
     opacity: .7;
     float: left;
     clear: both;
}
.qsf-demo-canvas .uploaded-files dd {
     margin: 2px 0 0 0;
     width: 170px;
     float: left;
}
 
 
 
.BodyCell div.radupload
{
     margin-left: 50px;
     width:350px;
}
 
.InputField
{
     width: 140px;
     border: solid 1px #cfcfcf;
     background: white;
     height: 17px;
     _width: 150px;
}
 
.AdditionalInputs
{
     padding: 0;
     margin: 0;
     border-collapse: collapse;
}
 
.ruInputs td
{
     padding: 3px 0;
}
 
.ruInputs label
{
     width: 70px;
     padding-right: 5px;
     text-align: right;
     display: block;
     float: left;
     height: 25px;
     line-height: 25px;
}
 
.ruInputs .AdditionalInputs label
{
     float: none;
}
 
.radupload .ruInputs .ruFakeInput
{
     margin-left: 0;
}
 
.ruInputs .checkboxContainer
{
     padding-left: 75px;
}
 
.ruInputs .checkboxContainer label
{
     text-align: left;
     padding-left: 5px;
     display: inline;
}
 
.TextField
{
     border: solid 1px #cfcfcf;
     background: white;
     width: 140px;
     height: 17px;
}
.RightCell span
{
     width: auto;
}
.FileDetails
{
     padding: 4px;
}
 
.FileDetails li
{
     clear: both;
}
 
.ruInputs li
{
     padding-top: 5px;
     padding-bottom: 5px;
}
 
table.AdditionalFields
{
     width: 732px;
     border: 0;
     padding: 0;
     margin: 0;
     border-collapse: collapse;
     background: url('Img/BodyBg.gif') repeat-y;
}
 
table.AdditionalFields td
{
     vertical-align: top;
}
 
table.AdditionalFields td.TopCell
{
     background: url('Img/Top.gif') no-repeat;
     height: 84px;
}
 
table.AdditionalFields td.BodyCell
{
     background: url('Img/Gradient.gif') no-repeat left bottom;
     height: 330px;
}
 
table.AdditionalFields .RightCell
{
     background: transparent url('Img/Gradient.gif') no-repeat right bottom !important;
     height: 100%;
}
 
table.AdditionalFields td.BottomCell
{
     background: url('Img/BottomBg.gif') no-repeat;
     height: 52px;
}
 
table.AdditionalFields td.BottomCell .RadUploadButton
{
     margin-left: 40px;
     margin-top: 11px;
}
 
table.AdditionalFields .RadUploadTable
{
     margin-left: 36px;
}
 
table.AdditionalFields .RadUploadTable td
{
     color: #4986b4;
}